html,body{height: 100%;}
.father{
    min-width: 997px;
    min-height: 620px;
    height: 100%;
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
}
// 去除bootstrap按钮点击出行边框
.btn:hover, .btn:focus, .btn:active, .btn:visited {
    outline: none!important;
    border: none!important;
    box-shadow: none !important;
}
header{
    height: 50px;
    width: 100%;
    background-color: #242f42;
    h1{
        width: 200px;
        display: inline-block;
        font-size: 20px;
        line-height: 50px;
        padding-left: 5px;
        color: #fff;
        margin-left: 20px;
    }
    .t-name{
        float: right;
        // color: red;
        font-size: 16px;
        line-height: 50px;
        margin-right: 30px;
        color: #fff;
        span{
            margin-left: 10px;
        }
    }
}
.con{
    width: 100%;
    // height: 1000px;
    height: calc(100% - 50px);
    // background-color: rosybrown;
    .con-left{
        width: 200px;
        height: 100%;
        background-color: #353d44;
        // height: 300px;
        float: left;

        .fli{
            margin: 4px 0;
            a{
                width: 94%;
                margin: 0 auto;
                display: block;
                height: 44px;
                line-height: 44px;
                color: #d6d7d9;
                cursor: pointer;
                font-size: 14px;
                text-align: center;
                border-left:#404040 2px solid;
                border-right:#404040 2px solid;
                overflow: hidden;
            }
            a:hover{
                text-decoration: none;
            }
            >a:hover{
                background-color: #2c3138;
                border-left: #74b9ff 2px solid;
                border-right: #74b9ff 2px solid;
                color: #a29bfe;
            }
            a:focus{
                text-decoration: none;
            }
            .fa-checked{
                // background-color: #2c3138;
                border-left: #55efc4 2px solid;
                border-right: #55efc4 2px solid;
                color: #a29bfe;
            }
            .sul{
                // height: 0;
                display: none;
                
                a{
                    display: block;
                    height: 44px;
                    line-height: 44px;
                    color: #d6d7d9;
                    cursor: pointer;
                    font-size: 14px;
                    text-align: center;
                    border-left:#636e72 2px solid;
                    border-right:#636e72 2px solid;
                    overflow: hidden;
                    width: 150px;
                    margin: 4px auto;
                }
                a:hover{
                    border-left:#fd79a8 2px solid;
                    border-right:#fd79a8 2px solid;
                    background-color: #2c3138;
                    color: #fab1a0;
                }
                .sa-checked{
                    border-left:#d63031 2px solid;
                    border-right:#d63031 2px solid;
                    background-color: #2c3138;
                    color: #fab1a0;
                }
                
            }

           
        }
        
    }
    .con-right{
        width: calc(100% - 200px);
        height: 100%;
        background-color: #f0f0f0;

        float: right;
        position: relative;
        .r-top{
            width: 100%;
            height: 30px;
            background-color: #fff;
            font-size: 13px;
            line-height: 30px;
            padding-left: 30px;
        }
        .content{
            width: 100%;
            height: calc(100% - 30px);
            .xg,.wz-xg{
                color: #66b1ff;
            }
            .sc,.wz-sc{
                color: red;
            }
            .syzh-con{
                height: 300px;
            }
            .sper{
                justify-content: center;
                font-size: 30px;
            }
        }
        .r-con{
            margin: 10px;
            width: calc(100% - 20px);
            height: calc(100% - 50px);
            .r-con-t{
                display: flex;
                justify-content: space-between;
                >div{
                    margin: 0 10px;
                    background-color: #dcdde1;
                    border-radius: 5px;
                    width: 400px;
                    height: 200px;
                    padding: 10px;
                    display: flex;
                    align-items: center;
                    >div{
                        width: 120px;
                        height: 120px;
                        border-radius: 50%;
                        float: left;
                        text-align: center;
                        line-height: 100px;
                        font-size: 75px;
                        background-color: #fff;
                        margin-right: 30px;
                        margin-left: 20px;
                    }
                    p{
                        float: left;
                        margin-left: 40px;
                        span{
                            display: block;
                            font-size: 16px;
                            color: #999;
                        }
                        em{
                            display: block;
                            font-size: 40px;
                        }
                    }
                }
            }
            
        }
        .check-input{
            opacity: 0;
            outline: 0;
            position: absolute;
            margin: 0;
            width: 0;
            height: 0;
            z-index: -1;
        }
        .sn-fa{
            cursor: pointer;
            line-height: 1;
            display: inline-block;
            position: relative;
            white-space: nowrap;
            vertical-align: middle;
            .sn-son{
                display: inline-block;
                position: relative;
                border: 1px solid #dcdfe6;
                border-radius: 2px;
                box-sizing: border-box;
                width: 14px;
                height: 14px;
                background-color: #fff;
                z-index: 1;
                transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
            }
            .sn-son::after{
                box-sizing: content-box;
                content: "";
                border: 1px solid #fff;
                border-left: 0;
                border-top: 0;
                height: 7px;
                left: 4px;
                position: absolute;
                top: 1px;
                transform: rotate(45deg) scaleY(0);
                width: 3px;
                transition: -webkit-transform .15s ease-in .05s;
                transition: transform .15s ease-in .05s;
                transition: transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;
                
                transform-origin: center;
            }
        }
        .is-check>.sn-son,.is-indet>.sn-son{
            background-color: #409eff;
            border-color: #409eff;
        }
        .is-check>.sn-son::after{
            transform: rotate(
                45deg) scaleY(1);
        }
        .is-indet>.sn-son::before{
            content: "";
            position: absolute;
            display: block;
            background-color: #fff;
            height: 2px;
            transform: scale(.5);
            left: 0;
            right: 0;
            top: 5px;
        }
        .r-con-syzh{
            margin: 10px;
            width: calc(100% - 20px);
            height: calc(100% - 50px);
            // height: 100%;
            // background-color: red;
            background-color: #fff;
            padding: 20px;
           
            .syzh-top{
                width: 100%;
                height: 32px;
                // background-color: rosybrown;
                margin-bottom: 30px;
                .delAll,.newBul,.ss{
                    height: 32px;
                    width: 97px;
                    border: none;
                    background-color: #0097e6;
                    border-radius: 6px;
                    transition: all .2s linear;
                    font-size: 12px;
                    float: left;
                    margin-right: 30px;
                    em{
                        margin-left: 5px;
                    }
                }
                .delAll:hover,.newBul:hover,.ss:hover{
                    background-color: #00a8ff;
                }
                input{
                    float: left;
                    width: 200px;
                    height: 32px;
                    margin-right: 5px;
                }
                .ss{
                    width: 73px;
                }

            }
            .table{
                margin: 0;
                table-layout: fixed;

            }
            .th-head{
                background-color: #f5f7fa;
                color: #999;
                font-size: 14px;
                font-weight: 500;
                th:first-child{
                    width: 55px;
                    border-left: 1px solid #ebeef5;
                }
                th{
                    border-top: 1px solid #ebeef5;
                    border-bottom: 1px solid #ebeef5;
                    border-right: 1px solid #ebeef5;
                    // border-bottom: none;
                    white-space: nowrap;
                    overflow: hidden;
                    user-select: none;
                    text-align: center;
                    input{
                        cursor: pointer;
                    }
                }
            }
            .tr-con{
                td:first-child{
                    width: 55px;
                    border-left: 1px solid #ebeef5;
                }
                td{
                    line-height: 40px;
                    text-align: center;
                    border-top: none;
                    border-bottom: 1px solid #ebeef5;
                    border-right: 1px solid #ebeef5;
                    font-size: 14px;

                    
                    
                    a{
                        text-align: center;
                        display: inline-block;
                        margin: 0 10px;
                        em{
                            margin-left: 10px;
                        }
                    }
                    a:hover{
                        text-decoration: none;
                    }
                }
            }
            .syzh-bto{
                width: 100%;
                height: 32px;
                // background-color: red;
                margin: 20px 0;
                text-align: right; 
                button{
                    width: 32px;
                    height: 28px;
                    margin: 2px 5px;
                    color: #606266;
                    border-radius: 2px;
                    background: 50% no-repeat #f4f4f5;
                    background-size: 16px;
                    border: none;
                }
                em{
                    margin: 0 5px;
                }
                .ppp{
                    display: inline-block;
                    width: 30px;
                    height: 28px;
                    background-color: #409eff;
                    color: #fff;
                    line-height: 28px;
                    text-align: center;
                }
            }

        }

        .per-cen{
            width: 100%;
            height: 100%;
            position: relative;
            div{
                width: 400px;
                height: 400px;
                // background-color: red;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                h3{
                    height: 50px;
                    text-align: center;
                    font-size: 30px;
                    margin-bottom: 20px;
                }
                p{
                    margin: 20px 0;
                    font-size: 18px;
                    height: 50px;
                    line-height: 50px;
                    em{
                        display: inline-block;
                        width: 80px;
                        height: 50px;
                        text-align: right;
                        margin-right: 20px;
                    }
                    
                    span{
                        display: inline-block;
                    }
                }
                
            }
        }

        .addAtr{
            width: 100%;
            height: 100%;
            // background-color: red;
            >div{
                width: 70%;
                height: 100%;
                margin: 0 auto;
                // background-color: royalblue;
                overflow: hidden;
                .form-group{
                    // width: 100%;
                    margin: 30px 0;
                    >label{
                        font-size: 16px;
                    }
                    button{
                        width: 80px;
                        margin-left: 170px;
                    }
                }
            }
        }

        td{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .wz-id,.wz-tit,.wz-cz{
            width: 180px;
           
        }
        .wz-time{
            width: 150px;
        }
        .wz-name{
            width: 100px;
        }
        .wz-hide{
            display: none;
        }
        .wz-con{
            padding: 0 20px;
        }
        
    }
}
#newUser .modal-dialog{
    width: 400px;

    h4{
        text-align: center;
    }
    input{
        width: 300px;
        margin: 0 auto;
    }
    .modal-body{
        padding: 15px 50px;
    }
    
}

#mnk-wzxg{
    textarea{
        width: 100%;
        margin: 0;
        
    }
}